@page "/components/modalservice"

<PageOutlet Url="components/modalservice"
            Title="ModalService"
            Description="modalservice component of the bit BlazorUI components" />

<DemoPage Name="ModalService"
          Description="BitModalService is a service to globally handle modals with any content."
          Parameters="componentParameters"
          GitHubExtrasUrl="ModalService/BitModalService.cs"
          GitHubDemoUrl="Extras/ModalService/BitModalServiceDemo.razor">
    <NotesTemplate>
        <BitText>
            To use this component, you need to install the
            <BitLink Href="https://www.nuget.org/packages/Bit.BlazorUI.Extras" Target="_blank">
                <BitTag Reversed
                        Text="Bit.BlazorUI.Extras"
                        Color="BitColor.SecondaryBackground"
                        IconName="@BitIconName.NavigateExternalInline" />
            </BitLink>
            nuget package, as described in the Optional steps of the
            <BitLink Href="/getting-started">Getting started</BitLink> page.
        </BitText>
    </NotesTemplate>
    <Examples>
        <DemoExample Title="Basic" RazorCode="@example1RazorCode" CsharpCode="@example1CsharpCode" Id="example1">
            <BitButton OnClick="ShowModal">Show</BitButton>

            @* <BitModalContainer ModalParameters="@(new() { AutoToggleScroll = true })" /> *@
        </DemoExample>
    </Examples>
</DemoPage>